$(function () {
    //音频播放
    var progressWrap = document.getElementById("progressWrap");
    var playProgress = document.getElementById("playProgress");
    var a1=document.getElementById('a1');// 目标 音频元素
    var showProgress=document.getElementById('showProgress');
    var btn=document.getElementById('btn');
    oid = getQueryVariable("share");
    //发起ajax请求 获取 音频详情数据
    $.ajax({
        type:'POST',
        url:'http://media.soundems.com/Post/Share',
        data:{'oid':oid},
        dataType:'json',
        success: function (data) {
            console.log(data);
            res = data.data;
            if(data.code == '000000'){
                $('#media_name').html(res.title);
                $('.t_title').html(res.title);
                $('.s_title').html(res.media_name);
                $('.title_img').attr('src',res.media_pic);
                $('#total—play').html(res.playtotal);
                $('#a1').attr('src',res.m3u8link);
                $('.box_txt').html(res.content);
                $('.duration').html(res.musictime);
                url2 = window.location.href.split('#')[0];
                url = encodeURIComponent(url2);
                $.ajax({
                    url:"http://media.soundems.com/Get/wxShare",
                    dataType:"json",
                    data:{"url":url},
                    type:"GET",
                    success:function(data){
                      console.log(data)
                      // 微信分享  
                      wx.config({  
                            debug: false, // 是否开启调试模式  
                            appId: data.data.appId, // 必填，微信号AppID  
                            timestamp: data.data.timestamp, // 必填，生成签名的时间戳  
                            nonceStr: data.data.nonceStr, // 必填，生成签名的随机串  
                            signature: data.data.signature,// 必填，签名，见附录1  
                            jsApiList: ['onMenuShareTimeline', //分享到朋友圈  
                            'onMenuShareAppMessage' //分享给朋友  
                            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2  
                        });  
                        wx.ready(function(){ 
                            var options = {  
                                title: res.media_name + '邀请你收听' + res.title, // 分享标题  
                                link: url2, // 分享链接，记得使用绝对路径，不能用document.URL
                                imgUrl: 'http://www.soundems.com/share/logo.png', // 分享图标，记得使用绝对路径  
                                desc: res.musictime, // 分享描述  
                                success: function () {  
                                },  
                                cancel: function () {  
                                }  
                            }  
                            wx.onMenuShareTimeline(options); // 分享到朋友圈  
                            wx.onMenuShareAppMessage(options); // 分享给朋友  
                        });  
                    }
                });
            }else{
                alert(data.message);
            }
                    },
        error: function (error) {
            console.log(error);
        }

    });

    //给播放按钮点击事件
    $('#btn').on('tap', function(){
        play();
    });


    // video的播放条
    function getProgress(){
        var percent = a1.currentTime / a1.duration;
        playProgress.style.width = percent * (progressWrap.offsetWidth) - 2 + "px";
    }

    // 控制video的播放
    function play(){
        if ( a1.paused){
            if ( a1.ended ){
                a1.currentTime = 0;
            }
            a1.play();
            btn.setAttribute('class','play_icon');
            progressFlag = setInterval(getProgress, 60);
            timer=setTimeout(function () {
                $(showProgress).addClass('preload-line');
            },800)
        }
        else{
            a1.pause();
            btn.setAttribute('class','pause_icon');
            clearInterval(progressFlag);
            progressFlag=null;
        }
    }

    //监听 a1 音频 结束清空 定时器
    a1.addEventListener('ended',function(){
        clearInterval(progressFlag);
        progressFlag=null;
    });

    //视频播放中事件
    a1.addEventListener('timeupdate', function() {
        var currentPos = a1.currentTime;//获取当前播放的位置
        document.querySelector('.current').innerHTML = stom(currentPos);
    });

    //音频 时间装换函数
    function stom(t) {
        var m = Math.floor(t / 60);
        m < 10 && (m = '0' + m);
        return m + ":" + (t % 60 / 100).toFixed(2).slice(-2);
    }

    function getQueryVariable(variable)
    {
           var query = window.location.search.substring(1);
           var vars = query.split("&");
           for (var i=0;i<vars.length;i++) {
                   var pair = vars[i].split("=");
                   if(pair[0] == variable){return pair[1];}
           }
           return(false);
    }
})
